<template>
  <el-dialog
    :title="title"
    :visible.sync="dialogVisible"
    :close-on-click-modal="false"
    width="880px"
    top="50px"
    append-to-body
  >
    <div class="form-box" v-loading="loading">
     <!-- <div class="title" v-if="noticeInfo">{{noticeInfo.noticeTitle}}</div> -->
     <div class="content ql-editor" v-if="noticeInfo" v-html="noticeInfo.noticeContent"></div>
    </div>
    <div class="center">
      <el-button size="small" type="primary" @click="close">我已知晓</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      dialogVisible: false,
      loading: false,
      title: "通知公告",
      noticeInfo:null
    };
  },
  created() {
  },
  methods: {
    // 打开弹窗
    open(item) {
      this.dialogVisible = true;
      // this.getNotice(noticeId)
      this.noticeInfo = item
      this.title = this.noticeInfo.noticeTitle
    },
    // getNotice(noticeId){
    //   getNotice(noticeId).then(res=>{
    //     this.loading = false
    //     this.noticeInfo = res.data
    //     this.title = this.noticeInfo.noticeTitle
    //   })
    // },
    close() {
      this.dialogVisible = false;
    },
  },
};
</script>
<style scoped lang="scss">
.form-box {
  // height: calc(100vh - 250px);
  // overflow:hidden;
  // min-height: 500px;
  // .title{
  //   font-size: 18px;
  //   text-align: center;

  // }
  ::v-deep img{
    max-width: 100%;
  }
}
</style>
